<script lang="ts" setup>
import documentLight from "@/assets/document-l.svg"
import documentDark from "@/assets/document-d.svg"
import { setting } from "../index/editorConfig/setting"
</script>

<template>
  <a href="https://fuyouplus.gitee.io/xiao-you-editor-docs/" target="_blank">
    <img :src="setting.theme == 'dark' ? documentLight : documentDark" alt="" />
  </a>
</template>

<style lang="scss" scoped>
a {
  display: block;

  position: absolute;
  top: 50%;
  right: 170px;
  transform: translateY(-50%);
  user-select: none;
  img {
    width: 25px;
    height: 25px;
    transition: all 0.4s var(--n-bezier);
    cursor: url(),
      auto !important;
  }
}
</style>
